<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>UniGraphic - 首页</title>
    <link rel="stylesheet" href="../plus/swiper/swiper-bundle.min.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/index.css">
</head>
<body>
    <header>
        <a class="logo" href="../html/index.html">
            <img src="../img/logo.png" title="UniGraphic">
        </a>
        <nav>
            <a href="../html/index.html">首页</a>
            <a href="../html/doc.html">文档</a>
            <a href="../html/example.html">示例</a>
            <a href="../html/download.html">下载</a>
        </nav>
    </header>
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <section class="banner swiper-slide">
                <div class="container">
                    <h1>UniGraphic</h1>
                </div>
            </section>
            <section class="feature-1 swiper-slide">
                <div class="container">
                    <img class="name" src="../img/name.png" alt="UniGraphic">
                    <div class="text">
                        <h1>图形组件工具</h1>
                        <div style="padding-left: 2px;">
                            <p>1、渲染速度快，使用与echarts相同的图形渲染引擎，秒开万级数据量；</p>
                            <p>2、使用简单，通过简单的配置即可获得大数据展示和交互能力，开发效率高；</p>
                            <p>3、数据样式分离及扁平配置让开发更便捷；</p>
                            <p>4、深度的交互式数据探索，我们提供了图例、缩略图、区域缩放、提示窗、数据刷选等开箱即用的交互组件，可以对数据进行多维度数据筛取、缩放、展示细节等交互操作；</p>
                        </div>
                    </div>
                </div>
            </section>
            <section class="feature-2 swiper-slide">
                <div class="container">
                    <div class="text">
                        <h1>数据地图</h1>
                        <p>1、上万级节点数据可视化渲染能力。</p>
                        <p>2、便捷的开发配置让数据更直观。</p>
                        <p>3、内置丰富控件，随心增减定义。</p>
                        <p>4、流畅性能，满分体验。</p>
                        <a href="../html/example.html">查看更多示例</a>
                    </div>
                </div>
            </section>
            <div class="swiper-slide" id="download">
                <section class="feature-3">
                    <div class="container">
                        <h2>用我们的技术让您的工作变得简单</h2>
                        <p>Make your job easier with our technology</p>
                        <a href="../html/download.html">点击下载</a>
                    </div>
                </section>
                <footer>
                    <div class="container">
                        <div class="footer-info">
                            <div class="footer-col">
                                <h3>公司地址</h3>
                                <p>北京一公司：</p>
                                <p>北京在海淀区车公庄乙路爱德大厦606</p>
                                <p></p>
                                <p>广州二公司：</p>
                                <p>广州在广州市天河区天河广场308室</p>
                                <p></p>
                                <p>西安三公司：</p>
                                <p>陕西省西安市雁塔区创业广场b座16楼</p>
                            </div>
                            <div class="footer-col">
                                <h3>联系电话</h3>
                                <p>北京：</p>
                                <p>8610-68707181</p>
                                <p></p>
                                <p>西安：</p>
                                <p>8629-89199547</p>
                            </div>
                            <div class="footer-col">
                                <h3>联系邮箱</h3>
                                <p>销售联系：</p>
                                <p>info@carnation.com.cn</p>
                                <p></p>
                                <p>技术联系：</p>
                                <p>support@carntion.com.cn</p>
                            </div>
                            <div class="footer-col">
                                <h3>公众号</h3>
                                <p>
                                    <img src="../img/qrcode-mp.jpg" alt="石竹软件公众号" width="96">
                                </p>
                            </div>
                        </div>
                        <div class="footer-declare">
                            <img src="../img/logo-carnation.png" title="石竹软件">
                            <span>&copy;2021</span>
                            <span>粤ICP备13017351号</span>
                        </div>
                    </div>
                </footer>
            </div>
        </div>
        <div class="swiper-pagination"></div>
    </div>
    <script src="../plus/swiper/swiper-bundle.min.js"></script>
    <script src="../js/index.js"></script>
</body>
</html>
